<template>
<div>
    <div class="xq">
      <el-container>
        <el-page-header @back="goBack"> </el-page-header>
        <el-header class="zt"> 传智健康 </el-header>
      </el-container>
    </div>
    
    <div class="A">
     
             <div class="contentBox">
            <div class="list-row3">
                <div class="report-item">
                     <div class="item-name">
                        <div class="info">
                            <span class="name">张小花</span>
                            <span class="sex">女</span>
                        </div>
                    </div>
                    <el-divider class="hrA" direction="vertical"></el-divider>
                    <div class="item-content">
                        <!-- <ul class="box" > -->
                            <li>体检日期：<span>2016-10-26</span></li>
                            <li>档案号：<span>00109000830</span></li>
                            <li class="li3">体检套餐：<span>入职体检</span></li>
                            <li class="li4">上传时间：<span>2016-10-26  10:25</span></li>
                        <!-- </ul> -->
                    </div>
                    <div class="item-link">
                        <el-button class="bu" type="primary">
                        体  检<br>
                        报  告
                        </el-button>
                    </div> 
                </div>
                <!-- <div class="report-itemB">
                    <div class="item-name">
                        <div class="info">
                            <span class="name">张小花</span>
                            <span class="sex">女</span>
                        </div>

                    </div>
                    <div class="item-content">
                        <ul class="box">
                            <li>体检日期：<span>2016-10-26</span></li>
                            <li>档案号：<span>00109000830</span></li>
                            <li>体检套餐：<span>入职体检</span></li>
                            <li>上传时间：<span>2016-10-26  10:25</span></li>
                        </ul>
                    </div>
                    <div class="item-link">
                        体检报告
                    </div> -->
                </div>
            </div>
        </div>
    </div>


</template>

<script>
export default {
    data() {
        return{}
    },
    methods:{
        goBack(){
            this.$$router.go(-1)
        }
    }
}
</script>


<style scoped>
.xq {
  background-color: black;
  color: aliceblue;

  text-align: center;
  height: 40px;
}
.A{background-color: rgb(197, 197, 200); width: 100%; height: 100%;}
.report-item{background-color: white; width: 1500px;position: relative;left: 100px;}
.item-name{position: relative;left: -450px;top: 50px;}
.hrA{position: relative;left: -300px;top: 20px;}
.li3{position: relative;left: -9px;}
.li4{position: relative;left: 23px;}
.item-link{position: relative;float: right; top: -125px;}
.bu{width: 300px;height: 125px;}
.sex{position: relative;left: -32px;top: 30px;}

</style>